<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>05-个人中心-已登录-05我的订单-03待收货-点击确认收货弹窗-评价订单</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Expires" content="-1">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Pragma" content="no-cache">
    <link href="css/public.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/personal.css" rel="stylesheet" type="text/css" media="all" />
    <script src="js/jquery-2.1.4.min.js"></script>
</head>
<body class="graybody">
<header class="header">
    <div class="header_left"><a href="#" class="returnico clipinglun"></a></div>
    <div class="header_center fontcolor">评价订单</div>
</header>
<!---评价订单-->
<form>
<div class="pingjiadingdan">
    <div class="pingjiadd">
        <ul>
            <li class="clearafter">
                <div class="alldingdan">
                    <div class="allorderulli clearafter">
                        <a href="#">
                            <div class="liimgdiv"><img src="images/allorderimg_15.png"/></div>
                            <p class="dingdanp1"><del>￥110.00</del><i>摩安珂连衣裙女2015欧美...</i></p>
                            <p class="dingdanp2"><span>￥110.00</span>颜色：C10本白,尺码：S</p>
                            <p>x1</p>
                        </a>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div class="pinglunform">
        <div class="commenttop">
            <h5>星级评论:</h5>
            <p><span class="fontcolor">5分</span><i class="cli"></i><i class="cli"></i><i class="cli"></i><i class="cli"></i><i class="cli"></i></p>
        </div>
        <div class="commentcen">
            <h5>文字评论:</h5>
            <textarea placeholder="评价一下宝贝，您的评价对其他人很重要哦！"></textarea>
        </div>
        <div class="commentsd">
            <h5>评价晒单:</h5>

            <!--有上传图片时，这样显示.paizhaots这个类名隐藏，否则显示-->
            <div class="pingjiapic">
                <ul>
                    <li><a href="#" class="indexbgcolor clidelpic">X</a> <img src="images/ad_img1.jpg"></li>
                    <li><a href="#" class="indexbgcolor clidelpic">X</a> <img src="images/ad_img1.jpg"></li>
                </ul>
            </div>

            <!--没有上传图片时候，这样显示
              <div class="pingjiapic"></div>
            -->
            <div class="pic_up">
                <input type="file" name="" id="" class="inputPic_z" />
                <span class="pic_z"></span>
            </div>
            <!--上传图片以后显示,当上传的图片个数li>=1时，.paizhaots这个类名隐藏，否则显示-->
            <span class="paizhaots">拍一张跟宝贝美美的合照吧！</span>
            <div class="clear"></div>
        </div>
    </div>
</div>
<div class="commentbot">
    <div class="commentli">
        注：星级评论与文字评论请任选其一来进行评论，两者不能同时进行评论，请各位用户选择您的评论方式。
    </div>
    <input type="submit" value="发表评价" class="redbtn100 indexbgcolor"/>
</div>
</form>
<script>
    //评论
    var loaddingxxlen=$(".cli").length;
    $(".commenttop p span").html(loaddingxxlen+"分");
        $(".commenttop p i").click(function(){
            var thisindex = $(".commenttop p i").index(this);
            for(i=0;i<=thisindex;i++){
                $(".commenttop p i").eq(i).addClass("cli");
            }
            for(i=thisindex+1;i<5;i++){
                $(".commenttop p i").eq(i).removeClass("cli");
            }
            var xxlen=$(".cli").length;
            $(".commenttop p span").html(xxlen+"分")
        });

//文件图片上传样式
    $(".pic_z").click(function(){
        $(this).siblings(".inputPic_z").trigger("click");
    });
    //删除上传图片
    $(".clidelpic").click(function(){
       confirm("确定删除该图片吗？")
    });

    <!--上传图片以后显示,当上传的图片个数>=1时，.paizhaots这个类名隐藏，否则显示-->
    var lilen=$(".pingjiapic li").length;
    if(lilen>=1){
        $(".paizhaots").hide()
    }else{
        $(".paizhaots").show()
    }

//    放弃评论
    $(".clipinglun").click(function(){
        confirm("确定要放弃评论吗？")
    })
</script>
</body>
</html>